<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Todo Web App</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link
      rel="stylesheet"
      type="text/css"
      media="screen"
      href="../node_modules/normalize.css/normalize.css"
    />
    <link rel="stylesheet" href="../node_modules/jquery-datetimepicker/build/jquery.datetimepicker.min.css" />
    <link rel="stylesheet" href="style/base.css" />
    <script src="../node_modules/jquery/dist/jquery.js"></script>
    <script src="../node_modules/jquery-datetimepicker/build/jquery.datetimepicker.full.min.js"></script>
    <script src="../node_modules/store/dist/store.legacy.min.js"></script>
    <script>
      window.onload = function() {}
    </script>
  </head>
  <body>
    <div class="container">
      <h1 class="title">My ToDo</h1>
      <form class="add-task">
        <input
          type="text"
          name="content"
          autocomplete="off"
          placeholder="e.g. 每天记得要学习"
        />
        <button type="submit">Submit</button>
      </form>
      <!-- 任务列表 star -->
      <div class="task-list">
        <!-- 任务项 js动态添加 -->
      </div>
      <!-- 任务列表 end -->
      <!-- 遮罩层 -->
      <div class="task-detail-mask"></div>
      <!-- 任务详情 start -->
      <form class="task-detail">
        <!-- js动态添加数据 -->
      </form>
      <!-- 任务详情 end -->
    </div>

    <script src="js/base.js"></script>
  </body>
</html>
